<template>
	<view class="contacts">
		<view class="contacts_con">
			<view class="contacts_item">
				<text>姓名</text>
				<text>{{contactList.site_contacts}}</text>
			</view>
			<view class="contacts_item">
				<text>手机号码</text>
				<text>{{contactList.site_mobile}}</text>
			</view>
			<view class="contacts_item" style="border:none">
				<text>公司名称</text>
				<text>{{contactList.site_company_name}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				contactList:{}
			};
		},
		mounted() {
			this.getContactData()
		},
		methods:{
			getContactData(){
				this.$http({
					url:'/wxapi/ParameterListApi/getContactData',
					method:'POST'
				}).then(res => { 
					if(res.code == 200){
						this.contactList = res.data
						console.log(this.contactList)
					}
				})
			}
		}
	}
</script>

<style lang="less">
	.contacts{
		padding: 40rpx 0;
		.contacts_con{
			padding: 20px;
			position: fixed; 
			bottom: 50%; 
			left: 50%;
			transform: translate(-50%);
			width: 500rpx;
			height: 500rpx;
			font-size: 28rpx;  
			box-shadow: 0px 0px 23px 0px rgba(117, 129, 184, 0.23);
			border-radius: 20rpx; 
			
			.contacts_item{
				display: flex;
				height: 160rpx;
				line-height: 160rpx;
				border-bottom: 1px solid #eee;
				& text:nth-child(1){ 
					width: 200rpx;
				}
			} 
		}
	}
</style>
